<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页-小滴服务</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <style>
        /* nav导航 */
        nav{display: flex;flex-wrap: wrap;text-align: center;}
        nav a{width: 33.33%;text-decoration: none;color: #333;font-size: 14px;background-color: #fff;padding: 10px 0;margin-bottom: 10px;}
    </style>
</head>
<body>
    <header>首页</header>
    <!-- banner 条幅 -->
     <a href="#" class="banner">
        <img src="./imgs/index-banner.png" alt="">
     </a>
     <nav>
        <a href="#">
            <img src="./imgs/chuangye-icon.png" alt="">
            <p>创业项目</p>
        </a>
        <a href="#">
            <img src="./imgs/index2.png" alt="">
            <p>平台风采</p>
        </a>
        <a href="#">
            <img src="./imgs/chuangye-icon.png" alt="">
            <p>创业项目</p>
        </a>
        <a href="#">
            <img src="./imgs/chuangye-icon.png" alt="">
            <p>创业项目</p>
        </a>
        <a href="#">
            <img src="./imgs/chuangye-icon.png" alt="">
            <p>创业项目</p>
        </a>
        <a href="#">
            <img src="./imgs/chuangye-icon.png" alt="">
            <p>创业项目</p>
        </a>
        <a href="#">
            <img src="./imgs/chuangye-icon.png" alt="">
            <p>创业项目</p>
        </a>
        <a href="#">
            <img src="./imgs/chuangye-icon.png" alt="">
            <p>创业项目</p>
        </a>
        <a href="#">
            <img src="./imgs/chuangye-icon.png" alt="">
            <p>创业项目</p>
        </a>
        <a href="#">
            <img src="./imgs/chuangye-icon.png" alt="">
            <p>创业项目</p>
        </a>
        <a href="#">
            <img src="./imgs/chuangye-icon.png" alt="">
            <p>创业项目</p>
        </a>
        <a href="#">
            <img src="./imgs/chuangye-icon.png" alt="">
            <p>创业项目</p>
        </a>
        <a href="#">
            <img src="./imgs/chuangye-icon.png" alt="">
            <p>创业项目</p>
        </a>
        <a href="#">
            <img src="./imgs/chuangye-icon.png" alt="">
            <p>创业项目</p>
        </a>
        <a href="#">
            <img src="./imgs/chuangye-icon.png" alt="">
            <p>创业项目</p>
        </a>
     </nav>
     <!-- 底部导航 -->
      <footer>
        <a href="index.html" class="active">
            <img src="./imgs/home1.png" alt="">
            <p>小滴服务</p>
        </a>
        <a href="chuangye.html">
            <img src="./imgs/chuangye0.png" alt="">
            <p>创业项目</p>
        </a>
        <a href="fuwu.html">
            <img src="./imgs/fuwu0.png" alt="">
            <p>服务流程</p>
        </a>
        <a href="pingtai.html">
            <img src="./imgs/pingtai0.png" alt="">
            <p>平台风采</p>
        </a>
        <a href="my.html">
            <img src="./imgs/my0.png" alt="">
            <p>我的小滴</p>
        </a>
      </footer>
</body>
</html>